// pages/test/index.js
Page({
  // 需求分析：
  // 1. 点击登录按钮 
  // 2. 获取输入框的内容，并进行校验
  //    2.1 给输入框绑定input事件，获取输入框的内容
  //    2.2把获取到的输入框的内容写入data
  // 3. 校验成功之后，把用户名带到todos页面

  /**
   * 页面的初始数据
   */
  data: {
    userName: "",
    passWord: ""
  },
  // input事件处理函数
  handleInp(event) {
    // console.log(event)
    // console.log(event.detail.value)
    // 通过this.setData的模式把数据写入data
    //  方案一： 无法同时处理两个输入框
    // this.setData({
    //   userName: event.detail.value
    // })

    // 方案二： 给input标签设置一个自定义属性，表明到底是哪个输入框，传递到事件里面来
    // event.currentTarget.dataset 身上有自定义属性的值
    // console.log(event.currentTarget)
    // if (event.currentTarget.dataset.type == "userName") {
    //   this.setData({
    //     userName: event.detail.value
    //   })
    // }else{
    //   this.setData({
    //     passWord: event.detail.value
    //   })
    // }
    
    // 方案三
    // console.log(event.currentTarget.dataset.type)
    //  可以通过[变量]  给对象的键 赋予一个变量
    this.setData({
      [event.currentTarget.dataset.type] : event.detail.value
    })


  },
  //  登录事件的处理函数
  login() {
    // 获取输入框的内容？
    console.log(this.data.userName, this.data.passWord)
    // 为了减少服务器的压力，我们在发送请求之前，需要对输入的内容进行一个校验，过滤掉不符合请求的数据，减轻服务器的压力
    // 判断用户输入的内容是否为空，如果为空，要对用户进行提示
    if (!this.data.userName){
      // console.log("用户名不能为空")
      wx.showToast({
        title: '用户名不能为空',
        icon: 'none',
        duration: 2000
      })
      // 在小程序里面是不存在alert
      // return 可以阻止代码继续往下面运行
      return;
    }

    if (!this.data.passWord) {
      // console.log("用户名不能为空")
      wx.showToast({
        title: '密码不能为空',
        icon: 'none',
        duration: 2000
      })
      // 在小程序里面是不存在alert
      // return 可以阻止代码继续往下面运行
      return;
    }

    // 3. 校验成功之后，把用户名带到todos页面
    // 以前在pc端写js： location.href= "路径" 进行页面的路径跳转
    // 小程序的跳转页面代码  url：你要跳转的地址值 ，使用绝对路径，从根目录开始，根目录用 / 表示
    //  在路径中，文件的后缀名不用写
    // es6 有一个字符串模板语法 `` 在反引符号里面 通过 ${变量}
  //   <image src="/pages/assets/1.jpg"></image>
    var index = 1;
    var str = '<image src="/pages/assets/'+index +'.jpg"></image>'

    wx.navigateTo({
      // url: '/pages/todos/index?userName=' + this.data.userName,
      url: `/pages/todos/index?userName=${this.data.userName}`,
    })

  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})